<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8"/>
<title>SMM撮合系统-登录</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta content="" name="description"/>
<meta content="" name="author"/>

<link href="${request.getContextPath()}/Public/assets/admin/css/css.css" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="${request.getContextPath()}/Public/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
<link href="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="${request.getContextPath()}/Public/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>

<link href="${request.getContextPath()}/Public/assets/admin/css/login-soft.css" rel="stylesheet" type="text/css"/>

<link href="${request.getContextPath()}/Public/assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css"/>
<link href="${request.getContextPath()}/Public/assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
<link href="${request.getContextPath()}/Public/assets/admin/css/layout.css" rel="stylesheet" type="text/css"/>
<link id="style_color" href="${request.getContextPath()}/Public/assets/admin/css/themes/default.css" rel="stylesheet" type="text/css"/>
<link href="${request.getContextPath()}/Public/assets/admin/css/custom.css" rel="stylesheet" type="text/css"/>

<link rel="shortcut icon" href="${request.getContextPath()}/Public/favicon.ico"/>
<script>BASE_URL = '${request.getContextPath()}'</script>
</head>

<body class="login">

<div class="logo">
<!-- 	<a href="index.html"> -->
<!-- 	<img src="assets/admin/img/logo.jpg" alt=""/> -->
<!-- 	</a> -->
</div>

<div class="menu-toggler sidebar-toggler">
</div>

<div class="content">
	<!-- 开始登录 -->
	<form class="login-form" action="" method="post" id="login-form">
		<h3 class="form-title">欢迎使用撮合系统</h3>
		<div class="alert alert-danger display-hide">
			<button class="close" data-close="alert"></button>
			<span>
			请输入密码和用户名. </span>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">账号</label>
			<div class="input-icon">
				<i class="fa fa-user"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="请输入账号" name="account" id="account"/>
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">密码</label>
			<div class="input-icon">
				<i class="fa fa-lock"></i>
				<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="请输入密码" name="pwd" id="pwd"/>
			</div>
		</div>
		<div class="form-group">
			<div class="input-icon">
				<i class="fa fa-lock"></i>
				<input class="form-control " style="width: 50%;float: left;" type="text" 
					autocomplete="off" placeholder="请输入验证码" name="vCode" id="vCode"/>
					
				<img alt="点击刷新验证码" id="verifyCode" src="${request.getContextPath()}/user/verifyCode.do" 
					style="width: 120px;float: right;cursor:pointer;" onclick="Login.verifyCode();">        
			</div>
		</div>
		<p style="height: 50px;"></p>
		<div class="form-actions">
<!-- 			<label class="checkbox"> -->
<!-- 			<input type="checkbox" name="remember" value="1"/> 记住我 </label> -->
			<button type="button" id="tLogin" class="btn blue pull-right" onclick="Login.doLogin();">
			登录 <i class="m-icon-swapright m-icon-white"></i>
			</button>
		</div>
		<div class="login-options">
			
			<ul class="social-icons">
				<li>&nbsp;&nbsp;&nbsp;</li>
			</ul>
		</div>
		<div class="login-options">
			
			<ul class="social-icons">
				<li>&nbsp;&nbsp;&nbsp;</li>
			</ul>
		</div>
	</form>
</div>

<div class="copyright">
	 2015 &copy; 上海有色网信息科技股份有限公司
</div>
<!--[if lt IE 9]>
<script src="${request.getContextPath()}/Public/assets/global/plugins/respond.min.js"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>

<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>

<script src="${request.getContextPath()}/Public/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/admin/scripts/layout.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/admin/scripts/login-soft.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/js/md5.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
jQuery(document).ready(function() {     
  	Metronic.init();
	Layout.init(); 
    $.backstretch([
     "${request.getContextPath()}/Public/assets/admin/img/bg/2.jpg",
     "${request.getContextPath()}/Public/assets/admin/img/bg/3.jpg",
     "${request.getContextPath()}/Public/assets/admin/img/bg/4.jpg"
     ], {
       fade: 1000,
       duration: 8000
 }
 );
});
$(function(){
	$("#vCode").keyup(function(event){
		if(event.keyCode == 13){
			$("#tLogin").click();
		}
	});
});
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>